<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="js/AngularJS v1.4.6.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/angular-include.js" type="text/javascript" charset="utf-8"></script>
		<!--<script src="js/angular-sanitize.js" type="text/javascript" charset="utf-8"></script>-->
		<script src="js/jquery-3.0.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="tool/secret.js" type="text/javascript" charset="utf-8"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<!--index的css样式-->
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<!--图标样式的css样式-->
		<link rel="stylesheet" type="text/css" href="css/icons-extra.css" />
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>

		<body ng-app="myApp">			
			<nav class="mui-bar mui-bar-tab">
				<a class="mui-tab-item mui-active" href="#tabbar">
					<!--<span class="mui-icon mui-icon-home"></span>-->
					<span class="mui-icon-extra mui-icon-extra-dictionary"></span>
					<span class="mui-tab-label" style="font-size: 12px;">新闻</span>
				</a>
				<a class="mui-tab-item" href="#tabbar-with-chat">
					<span class="mui-icon-extra mui-icon-extra-classroom"></span>
					<span class="mui-tab-label" style="font-size: 12px;">直播</span>
				</a>
				<a class="mui-tab-item" href="#tabbar-with-contact">
					<span class="mui-icon mui-icon-chat" style="font-size: 20px;"></span>
					<span class="mui-tab-label">话题</span>
				</a>
				<a class="mui-tab-item" href="#tabbar-with-map">
					<span class="mui-icon mui-icon-contact"></span>
					<span class="mui-tab-label">我</span>
				</a>
			</nav>
			<div class="mui-content" ng-controller="myCon">
				<div id="tabbar" class="mui-control-content mui-active">
					<div id="header">
						<a class="mui-tab-item" href="#tabbar-with-chat" id="vv">直播</a>
						<img id="logo" src="img/5CF4337F6A64D66F9A95AD39B217B42A.jpg"/>
					</div>
					<!--下部可以滑动内容-->
					<div id="slider" class="mui-slider" style="margin-top: 44px;">
						<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted" style="position: fixed;z-index: 11;background-color: white;">
							<a class="mui-control-item mui-active" href="#item1mobile">头条</a>
							<a class="mui-control-item" href="#item2mobile">精选</a>
							<a class="mui-control-item" href="#item3mobile">娱乐</a>
							<a class="mui-control-item" href="#item4mobile">体育</a>
							<a class="mui-control-item" href="#item5mobile">军事</a>
							<a class="mui-control-item" href="#item6mobile">历史</a>
						</div>
						<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-2" style="position: fixed;z-index: 11;margin-top: 40px;background-color: red;"></div>
						<div class="mui-slider-group" style="margin-top: 42px;">
							<div id="item1mobile" class="mui-slider-item mui-control-content mui-active"  ng-controller="headCon">
								<!--图片滚动-->
								<div id="slider" class="mui-slider">
									<div class="mui-slider-group mui-slider-loop">
										<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
										<div class="mui-slider-item mui-slider-item-duplicate">
											<a href="#">
												<img ng-src="{{first.imgsrc}}">
												<p class="mui-slider-title">{{first.title}}</p>
											</a>
										</div>
										<!-- 第一张 -->
										<div class="mui-slider-item" ng-repeat="item in headArr">
											<a href="#">
												<img ng-src="{{item.imgsrc}}">
												<p class="mui-slider-title">{{item.title}}</p>
											</a>
										</div>
										<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
										<div class="mui-slider-item mui-slider-item-duplicate">
											<a href="#">
												<img ng-src="{{last.imgsrc}}">
												<p class="mui-slider-title">{{last.title}}</p>
											</a>
										</div>
									</div>
									<!--几个点点-->
									<div class="mui-slider-indicator mui-text-right" ng-controller="headCon">
										<div ng-class="{false:'mui-indicator',true:'mui-indicator mui-active'}[$index==0]" ng-repeat="item in headArr track by $index"></div>
									</div>
								</div>
								<!--下方的内容-->
								<ul class="homePage_url">
									<li ng-repeat="item in arr">
										<a ng-href="{{item.url}}">
											<img ng-src="{{item.imgsrc}}" style="width: 35%;height: 80px;"/>
											<span id="spB" >
												{{item.title}}
											</span>
											<div id="sss">
												<div id="txt">
													<span id="source">
														{{item.source}}
													</span>
													<span id="replyCount">
														{{item.replyCount}}跟帖
													</span>
												</div>
											</div>
										</a>
									</li>
								</ul>
							</div>
							<div id="item2mobile" class="mui-slider-item mui-control-content" ng-controller="headCon2">
								<div id="slider" class="mui-slider">
									<div class="mui-slider-group mui-slider-loop">
										<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
										<div class="mui-slider-item mui-slider-item-duplicate">
											<a href="#">
												<img ng-src="{{first.imgsrc}}" style="height: 190px;">
												<p class="mui-slider-title">{{first.title}}</p>
											</a>
										</div>
										<!-- 第一张 -->
										<div class="mui-slider-item" ng-repeat="item in headArr2">
											<a href="#">
												<img ng-src="{{item.imgsrc}}" style="height: 190px;">
												<p class="mui-slider-title">{{item.title}}</p>
											</a>
										</div>
										<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
										<div class="mui-slider-item mui-slider-item-duplicate">
											<a href="#">
												<img ng-src="{{last.imgsrc}}" style="height: 190px;">
												<p class="mui-slider-title">{{last.title}}</p>
											</a>
										</div>
									</div>
									<!--几个点点-->
									<div class="mui-slider-indicator mui-text-right" ng-controller="headCon2">
										<div ng-class="{false:'mui-indicator',true:'mui-indicator mui-active'}[$index==0]" ng-repeat="item in headArr2 track by $index"></div>
									</div>
								</div>
								<!--下方的内容-->
								<ul class="homePage_url">
									<li ng-repeat="item in arr2">
										<a ng-href="{{item.url}}">
											<img ng-src="{{item.imgsrc}}" style="width: 35%;height: 80px;"/>
											<span id="spB" >
												{{item.title}}
											</span>
											<div id="sss">
												<div id="txt">
													<span id="source">
														{{item.source}}
													</span>
													<span id="replyCount">
														{{item.replyCount}}跟帖
													</span>
												</div>
											</div>
										</a>
									</li>
								</ul>
							</div>
							<div id="item3mobile" class="mui-slider-item mui-control-content" ng-controller="headCon3">
								<!--图片滚动-->
								<div id="slider" class="mui-slider">
									<div class="mui-slider-group mui-slider-loop">
										<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
										<div class="mui-slider-item mui-slider-item-duplicate">
											<a href="#">
												<img ng-src="{{first.imgsrc}}">
												<p class="mui-slider-title">{{first.title}}</p>
											</a>
										</div>
										<!-- 第一张 -->
										<div class="mui-slider-item" ng-repeat="item in headArr3">
											<a href="#">
												<img ng-src="{{item.imgsrc}}">
												<p class="mui-slider-title">{{item.title}}</p>
											</a>
										</div>
										<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
										<div class="mui-slider-item mui-slider-item-duplicate">
											<a href="#">
												<img ng-src="{{last.imgsrc}}">
												<p class="mui-slider-title">{{last.title}}</p>
											</a>
										</div>
									</div>
									<!--几个点点-->
									<div class="mui-slider-indicator mui-text-right">
										<div ng-class="{false:'mui-indicator',true:'mui-indicator mui-active'}[$index==0]" ng-repeat="item in headArr3 track by $index"></div>
									</div>
								</div>
								<!--下方的内容-->
								<ul class="homePage_url">
									<li ng-repeat="item in arr3">
										<a ng-href="{{item.url}}">
											<img ng-src="{{item.imgsrc}}" style="width: 35%;height: 80px;"/>
											<span id="spB" >
												{{item.title}}
											</span>
											<div id="sss">
												<div id="txt">
													<span id="source">
														{{item.source}}
													</span>
													<span id="replyCount">
														{{item.replyCount}}跟帖
													</span>
												</div>
											</div>
										</a>
									</li>
								</ul>
							</div>
							<div id="item4mobile" class="mui-slider-item mui-control-content" ng-controller="headCon4">
								<!--图片滚动-->
								<div id="slider" class="mui-slider">
									<div class="mui-slider-group mui-slider-loop">
										<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
										<div class="mui-slider-item mui-slider-item-duplicate">
											<a href="#">
												<img ng-src="{{first.imgsrc}}">
												<p class="mui-slider-title">{{first.title}}</p>
											</a>
										</div>
										<!-- 第一张 -->
										<div class="mui-slider-item" ng-repeat="item in headArr4">
											<a href="#">
												<img ng-src="{{item.imgsrc}}">
												<p class="mui-slider-title">{{item.title}}</p>
											</a>
										</div>
										<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
										<div class="mui-slider-item mui-slider-item-duplicate">
											<a href="#">
												<img ng-src="{{last.imgsrc}}">
												<p class="mui-slider-title">{{last.title}}</p>
											</a>
										</div>
									</div>
									<!--几个点点-->
									<div class="mui-slider-indicator mui-text-right">
										<div ng-class="{false:'mui-indicator',true:'mui-indicator mui-active'}[$index==0]" ng-repeat="item in headArr4 track by $index"></div>
									</div>
								</div>
								<!--下方的内容-->
								<ul class="homePage_url">
									<li ng-repeat="item in arr4">
										<a ng-href="{{item.url}}">
											<img ng-src="{{item.imgsrc}}" style="width: 35%;height: 80px;"/>
											<span id="spB" >
												{{item.title}}
											</span>
											<div id="sss">
												<div id="txt">
													<span id="source">
														{{item.source}}
													</span>
													<span id="replyCount">
														{{item.replyCount}}跟帖
													</span>
												</div>
											</div>
										</a>
									</li>
								</ul>
							</div>
							<div id="item5mobile" class="mui-slider-item mui-control-content" ng-controller="headCon5">
								<div id="slider" class="mui-slider">
									<div class="mui-slider-group mui-slider-loop">
										<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
										<div class="mui-slider-item mui-slider-item-duplicate">
											<a href="#">
												<img ng-src="{{first.imgsrc}}" style="height: 190px;">
												<p class="mui-slider-title">{{first.title}}</p>
											</a>
										</div>
										<!-- 第一张 -->
										<div class="mui-slider-item" ng-repeat="item in headArr5">
											<a href="#">
												<img ng-src="{{item.imgsrc}}" style="height: 190px;">
												<p class="mui-slider-title">{{item.title}}</p>
											</a>
										</div>
										<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
										<div class="mui-slider-item mui-slider-item-duplicate">
											<a href="#">
												<img ng-src="{{last.imgsrc}}" style="height: 190px;">
												<p class="mui-slider-title">{{last.title}}</p>
											</a>
										</div>
									</div>
									<!--几个点点-->
									<div class="mui-slider-indicator mui-text-right">
										<div ng-class="{false:'mui-indicator',true:'mui-indicator mui-active'}[$index==0]" ng-repeat="item in headArr5 track by $index"></div>
									</div>
								</div>
								<!--下方的内容-->
								<ul class="homePage_url">
									<li ng-repeat="item in arr5">
										<a ng-href="{{item.url}}">
											<img ng-src="{{item.imgsrc}}" style="width: 35%;height: 80px;"/>
											<span id="spB" >
												{{item.title}}
											</span>
											<div id="sss">
												<div id="txt">
													<span id="source">
														{{item.source}}
													</span>
													<span id="replyCount">
														{{item.replyCount}}跟帖
													</span>
												</div>
											</div>
										</a>
									</li>
								</ul>
							</div>
							<div id="item6mobile" class="mui-slider-item mui-control-content" ng-controller="headCon6">
								<div id="slider" class="mui-slider">
									<div class="mui-slider-group mui-slider-loop">
										<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
										<div class="mui-slider-item mui-slider-item-duplicate">
											<a href="#">
												<img ng-src="{{first.imgsrc}}" style="height: 190px;">
												<p class="mui-slider-title">{{first.title}}</p>
											</a>
										</div>
										<!-- 第一张 -->
										<div class="mui-slider-item" ng-repeat="item in headArr6">
											<a href="#">
												<img ng-src="{{item.imgsrc}}" style="height: 190px;">
												<p class="mui-slider-title">{{item.title}}</p>
											</a>
										</div>
										<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
										<div class="mui-slider-item mui-slider-item-duplicate">
											<a href="#">
												<img ng-src="{{last.imgsrc}}" style="height: 190px;">
												<p class="mui-slider-title">{{last.title}}</p>
											</a>
										</div>
									</div>
									<!--几个点点-->
									<div class="mui-slider-indicator mui-text-right">
										<div ng-class="{false:'mui-indicator',true:'mui-indicator mui-active'}[$index==0]" ng-repeat="item in headArr6 track by $index"></div>
									</div>
								</div>
								<!--下方的内容-->
								<ul class="homePage_url">
									<li ng-repeat="item in arr6">
										<a ng-href="{{item.url}}">
											<img ng-src="{{item.imgsrc}}" style="width: 35%;height: 80px;"/>
											<span id="spB" >
												{{item.title}}
											</span>
											<div id="sss">
												<div id="txt">
													<span id="source">
														{{item.source}}
													</span>
													<span id="replyCount">
														{{item.replyCount}}跟帖
													</span>
												</div>
											</div>
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div id="tabbar-with-chat" class="mui-control-content"  ng-controller="headConZ">
					<div id="header2" >
						<span id="live_TV">热门直播</span>
					</div>
					<!--轮播图-->
					<div id="slider" class="mui-slider" style="margin-top: 44px;">
						<div class="mui-slider-group mui-slider-loop">
							<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
							<div class="mui-slider-item mui-slider-item-duplicate">
								<a href="#">
									<img ng-src="{{first.image}}" style="height: 190px;">
									<p class="mui-slider-title">{{first.roomName}}</p>
								</a>
							</div>
							<!-- 第一张 -->
							<div class="mui-slider-item" ng-repeat="item in headArrZ">
								<a href="#">
									<img ng-src="{{item.image}}" style="height: 190px;">
									<p class="mui-slider-title">{{item.roomName}}</p>
								</a>
							</div>
							<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
							<div class="mui-slider-item mui-slider-item-duplicate">
								<a href="#">
									<img ng-src="{{last.image}}" style="height: 190px;">
									<p class="mui-slider-title">{{last.roomName}}</p>
								</a>
							</div>
						</div>
						<!--几个点点-->
						<div class="mui-slider-indicator mui-text-right">
							<div ng-class="{false:'mui-indicator',true:'mui-indicator mui-active'}[$index==0]" ng-repeat="item in headArrZ track by $index"></div>
						</div>
					</div>
					<!--轮播字-->
					<div id="notice">
						<span id="yg">预告/</span>
						<div id="biaoti">
							<div id="bt_row"  >
								<div class="r_midd" ng-repeat="item in arrZ"><span id="">{{item.roomName}}</span></div>
							</div>
						</div>
						<span id="changci"><a href="#"><span id="changNUM"></span>场&gt;</a></span>
					</div>
					<!--下方直播内容-->
					<div id="live_Content">
						<div id="lc_kuai"  ng-repeat="item in zhiboArr">
							<img src="{{item.image}}"/>
							<div id="lc_txt">
								<span id="roomName_ap">{{item.roomName}}</span>
								<p>
									<div id="zhibo_k"><span id="zbinner">直播</span><span class="mui-icon mui-icon-videocam" style="font-size: 22px;font-weight: 900;"></span></div>
									<span id="userCount">{{item.userCount}}参与</span>
								</p>
							</div>
						</div>
						<div id="lc_kuai"  ng-repeat="item in huiguArr">
							<img src="{{item.image}}"/>
							<div id="lc_txt">
								<span id="roomName_ap">{{item.roomName}}</span>
								<p>
									<div id="zhibo_k2"><span id="zbinner">回顾</span><span class="mui-icon mui-icon-videocam" style="font-size: 22px;font-weight: 900;"></span></div>
									<span id="userCount">{{item.userCount}}参与</span>
								</p>
							</div>
						</div>
					</div>
				</div>
				<!--topic-->
				<div id="tabbar-with-contact" class="mui-control-content">
					<div id="topicHeader">
						<span id="topicTitle">问吧</span>
						<a id="me" class="mui-tab-item" href="#tabbar-with-map"><span class="mui-icon-extra mui-icon-extra-people"></span></a>
					</div>
					<div class="mui-content" id="topicListHead">
						<div id="slider" class="mui-slider">
							<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted topicListTitleWrap" style="position: fixed;left: 0;top: 44px;z-index: 10;background-color: white; border-bottom:1px solid #F2F2F2 ;">
								<a class="mui-control-item topicListTitle mui-active" href="#item11mobile">
									<div><span class="mui-icon-extra mui-icon-extra-custom"></span></div>
									<span>法律</span>
								</a>
								<a class="mui-control-item topicListTitle" href="#item22mobile">
									<div><span class="mui-icon-extra mui-icon-extra-trend"></span></div>
									<span>健康</span>
								</a>
								<a class="mui-control-item topicListTitle" href="#item33mobile">
									<div><span class="mui-icon-extra mui-icon-extra-express"></span></div>
									<span>汽车</span>
								</a>
								<a class="mui-control-item topicListTitle" href="#item44mobile">
									<div><span class="mui-icon-extra mui-icon-extra-gold"></span></div>
									<span>财经</span>
								</a>
								<a class="mui-control-item topicListTitle" href="#item55mobile">
									<div><span class="mui-icon-extra mui-icon-extra-dictionary"></span></div>
									<span>历史</span>
								</a>
							</div>
							<div class="mui-slider-group" style="margin-top: 76px;margin-bottom: 50px;">
								<div id="item11mobile" class="mui-slider-item mui-control-content mui-active">
									<ul ng-controller="topicLawCon" class="conUl">
										<li ng-repeat="item in topicLawArr">
											<a href="">
												<div class="liTitle">
													<img class="headImg" src="{{item.headpicurl}}" alt="" style="width: 45px;" />
													<div class="headText">
														<span class="name">{{item.name}}</span>
														<span class="posi">{{item.title}}</span>
													</div>
												</div>
												<img class="mainImg" src="{{item.picurl}}" />
												<div class="liContent">
													{{item.alias}}
												</div>
												<div class="liBottom">
													<div class="liBottomLeft">
														<span>{{item.classification}}</span>
														<span>{{item.concernCount}}&nbsp;&nbsp;关注</span>
														<span>{{item.questionCount}}&nbsp;&nbsp;提问</span>
													</div>
													<div class="liBottomRight">
														<button ng-click='guanBtn($index)'><span>+关注</span></button>
													</div>
												</div>
											</a>
										</li>
									</ul>
								</div>
								<div id="item22mobile" class="mui-slider-item mui-control-content">
									<ul ng-controller="topicHealCon" class="conUl">
										<li ng-repeat="item in topicHealArr">
											<a href="">
												<div class="liTitle">
													<img class="headImg" src="{{item.headpicurl}}" alt="" style="width: 45px;" />
													<div class="headText">
														<span class="name">{{item.name}}</span>
														<span class="posi">{{item.title}}</span>
													</div>
												</div>
												<img class="mainImg" src="{{item.picurl}}" />
												<div class="liContent">
													{{item.alias}}
												</div>
												<div class="liBottom">
													<div class="liBottomLeft">
														<span>{{item.classification}}</span>
														<span>{{item.concernCount}}&nbsp;&nbsp;关注</span>
														<span>{{item.questionCount}}&nbsp;&nbsp;提问</span>
													</div>
													<div class="liBottomRight">
														<button ng-click='guanBtn($index)'><span>+关注</span></button>
													</div>
												</div>
											</a>
										</li>
									</ul>
								</div>
								<div id="item33mobile" class="mui-slider-item mui-control-content">

									<ul ng-controller="topicCarCon" class="conUl">
										<li ng-repeat="item in topicCarArr">
											<a href="">
												<div class="liTitle">
													<img class="headImg" src="{{item.headpicurl}}" alt="" style="width: 45px;" />
													<div class="headText">
														<span class="name">{{item.name}}</span>
														<span class="posi">{{item.title}}</span>
													</div>
												</div>
												<img class="mainImg" src="{{item.picurl}}" />
												<div class="liContent">
													{{item.alias}}
												</div>
												<div class="liBottom">
													<div class="liBottomLeft">
														<span>{{item.classification}}</span>
														<span>{{item.concernCount}}&nbsp;&nbsp;关注</span>
														<span>{{item.questionCount}}&nbsp;&nbsp;提问</span>
													</div>
													<div class="liBottomRight">
														<button ng-click='guanBtn($index)'><span>+关注</span></button>
													</div>
												</div>
											</a>
										</li>
									</ul>
								</div>
								<div id="item44mobile" class="mui-slider-item mui-control-content">
									<ul ng-controller="topicRichCon" class="conUl">
										<li ng-repeat="item in topicRichArr">
											<a href="">
												<div class="liTitle">
													<img class="headImg" src="{{item.headpicurl}}" alt="" style="width: 45px;" />
													<div class="headText">
														<span class="name">{{item.name}}</span>
														<span class="posi">{{item.title}}</span>
													</div>
												</div>
												<img class="mainImg" src="{{item.picurl}}" />
												<div class="liContent">
													{{item.alias}}
												</div>
												<div class="liBottom">
													<div class="liBottomLeft">
														<span>{{item.classification}}</span>
														<span>{{item.concernCount}}&nbsp;&nbsp;关注</span>
														<span>{{item.questionCount}}&nbsp;&nbsp;提问</span>
													</div>
													<div class="liBottomRight">
														<button ng-click='guanBtn($index)'><span>+关注</span></button>
													</div>
												</div>
											</a>
										</li>
									</ul>
								</div>
								<div id="item55mobile" class="mui-slider-item mui-control-content">
									<ul ng-controller="topicHisCon" class="conUl">
										<li ng-repeat="item in topicHisArr track by $index">
											<a href="">
												<div class="liTitle">
													<img class="headImg" src="{{item.headpicurl}}" alt="" style="width: 45px;" />
													<div class="headText">
														<span class="name">{{item.name}}</span>
														<span class="posi">{{item.title}}</span>
													</div>
												</div>
												<img class="mainImg" src="{{item.picurl}}" />
												<div class="liContent">
													{{item.alias}}
												</div>
												<div class="liBottom">
													<div class="liBottomLeft">
														<span>{{item.classification}}</span>
														<span>{{item.concernCount}}&nbsp;&nbsp;关注</span>
														<span>{{item.questionCount}}&nbsp;&nbsp;提问</span>
													</div>
													<div class="liBottomRight">
														<button ng-click='guanBtn($index)'><span>+关注</span></button>
													</div>
												</div>
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div id="tabbar-with-map" class="mui-control-content" style="background-color: #F2F2F2;">
					
					<div class="settingHeader">

						<div class="setting">
							<a id="icon-gear"><span class="mui-icon mui-icon-gear" style="color: white;font-size: 26px;font-weight: bolder;"></span></a>
							<a href=""><span style="color: white;font-size: 18px;">设置</span></a>
						</div>
						<div class="loginWrap">
							<a href="login.html"><button class="loginBtn">邮箱/手机号登录</button></a>
							<a href="register.html">没有账号,手机号快速注册></a>
							<p style="margin-top: 10px;">
								<a><span class="mui-icon mui-icon-weibo" style="color: white;font-size: 35px;"></span></a>
								<span style="color: white;font-size: 13px;">微博登录</span>
							</p>
						</div>
						<!--登录成功出现的东西-->
						<div class="loginSucc">
							<div class="loginHeadImg">
								<img src="" id="headUrl"/>
							</div>
							<p class="loginNickname"></p>
						</div>

					</div>
					<ul class="centerBtn">
						<li class="hisLI">
							<a><span class="mui-icon-extra mui-icon-extra-order"></span></a>
							<p>历史</p>
						</li>
						<li class="shouLi">
							<a><span class="mui-icon-extra mui-icon-extra-heart"></span></a>
							<p>收藏</p>
						</li>

						<li class="genLi">
							<a><span class="mui-icon mui-icon-compose"></span></a>
							<p>跟帖</p>
						</li>
						<li class="jinLi">
							<a><span class="mui-icon-extra mui-icon-extra-gold"></span></a>
							<p>金币</p>
						</li>
					</ul>
					<ul class="infoUl">
						<li style="margin-bottom: 2px;">
							<a><span class="mui-icon-extra mui-icon-extra-notice"></span></a>
							<span style="font-size: 15px;color: #AAAAAA;">我的消息</span>
							<span class="symbol">></span>
						</li>
						<li id="guanzhu" ontouchstart='guanzhu()'>
							<a><span class="mui-icon mui-icon-search"></span></a>
							<span style="font-size: 15px;color: #AAAAAA;">我的关注</span>
							<span class="symbol">></span>
						</li>
						<div id="guanzhuDiv" style="display: none; width: 100%;background-color: rgba(0,0,0,0.5);"ontouchstart='divBtn()'>
							<table id="guanzhuT" border="" cellspacing="" cellpadding="" style="text-align: center;width: 300px;margin: 0 auto;">
								
							</table>
						</div>
					</ul>
					<ul class="richUl">
						<li>
							<a><span class="mui-icon-extra mui-icon-extra-gold"></span></a>
							<span style="font-size: 15px;color: #AAAAAA;">金币商城</span>
							<span class="symbol">></span>
						</li>
						<li style="margin: 2px 0;">
							<a><span class="mui-icon-extra mui-icon-extra-alipay"></span></a>
							<span style="font-size: 15px;color: #AAAAAA;">我的钱包</span>
							<span class="symbol">></span>
						</li>
						<li>
							<a><span class="mui-icon-extra mui-icon-extra-dictionary"></span></a>
							<span style="font-size: 15px;color: #AAAAAA;">金币任务</span>
							<span class="symbol">></span>
						</li>
					</ul>
					<ul class="otherUl">
						<li style="margin: 2px 0;" class="mui-table-view-cell">
							<a style="display: inline; margin: 0;padding: 0;"><span class="mui-icon-extra mui-icon-extra-classroom"></span></a>
							<span style="font-size: 15px;color: #AAAAAA;">夜间模式</span>
							<div class="mui-switch mui-switch-blue mui-active">
								<div class="mui-switch-handle"></div>
							</div>
						</li>
						<li>
							<a><span class="mui-icon-extra mui-icon-extra-dictionary"></span></a>
							<span style="font-size: 15px;color: #AAAAAA;">意见反馈</span>
							<span class="symbol">></span>
						</li>
					</ul>
				</div>
			</div>
			<script type="text/javascript">
				var app = angular.module("myApp", ["ngLoadScript"]);
				app.controller("myCon", function() {

				});
				mui.init({
					swipeBack: false
				});
			</script>
			<!--头条切换页面的js-->
			<script>
				mui.init({
					swipeBack: false
				});
				(function($) {
					$('.mui-scroll-wrapper').scroll({
						indicators: true //是否显示滚动条
					});
					var sliderSegmentedControl = document.getElementById('sliderSegmentedControl');
					$('.mui-input-group').on('change', 'input', function() {
						if (this.checked) {
							sliderSegmentedControl.className = 'mui-slider-indicator mui-segmented-control mui-segmented-control-inverted mui-segmented-control-' + this.value;
							//force repaint
							sliderProgressBar.setAttribute('style', sliderProgressBar.getAttribute('style'));
						}
					});
				})(mui);
			</script>
			<!--外部引入自己编写的js（一）-->
			<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
			<!--外部引入自己编写的js（二）-->
			<script src="js/index2.js" type="text/javascript" charset="utf-8"></script>
			
		</body>

</html>